<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>课窝后台登录</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <link rel="stylesheet" href="./css/style.css">
</head>

<body>
<div class="x-body">
    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
        <ul class="layui-tab-title">
            <li class="layui-this">我的请假/调休</li>
            <li>待我审批</li>

        </ul>
        <div class="layui-tab-content" style="height: 100px;">
            <div class="layui-tab-item layui-show">
                <div class="layui-row">
                    <form class="layui-form layui-col-md12 x-so">
                        <div class="layui-input-inline">
                            <select name="contrller">
                                <option value=""></option>
                                <option value="0">按申请时间查询</option>
                                <option value="1">按请假/调休时间查询</option>
                            </select>
                        </div>
                        <input class="layui-input" placeholder="开始 到 结束" name="end" id="fw1">
                        <!--<input class="layui-input" placeholder="开始日" name="start" id="start">-->
                        <!--<input class="layui-input" placeholder="截止日" name="end" id="end">-->
                        <button class="layui-btn" lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
                    </form>
                </div>

                <xblock>
                    <button class="layui-btn" onclick="x_admin_show('新增电商渠道','./online-add.html',600,300)"><i
                            class="layui-icon"></i>请假/调休
                    </button>
                    <span class="x-right" style="line-height:40px">共有数据：88 条</span>
                </xblock>


                <table class="layui-table">
                    <thead>
                    <tr>

                        <th>申请时间</th>
                        <th>请假类型</th>
                        <th>请假/调休时间</th>
                        <th>审批进程</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>2017-08-09</td>
                        <td>事假</td>
                        <td>自2017-08-09 9:00至 2017-08-10 18:00</td>
                        <td>待审批</td>
                        <td class="td-manage">
                            <a title="查看" onclick="x_admin_show('查看','b09 -请假审批.html' ,700,500)" href="javascript:;">
                                <img src="images/chakan.png" alt="" class="recoverimg">
                            </a>
                            <a title="修改" onclick="x_admin_show('修改渠道信息','b07请假申请.html',1100,500)" href="javascript:;">
                                <i class="layui-icon">&#xe642;</i>
                            </a>
                            <a title="撤销" onclick="x_admin_show('撤销申请','Revoke.html',500,350)" href="javascript:;">
                                <img src="images/恢复.png" alt="" class="recoverimg">
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>2017-08-09</td>
                        <td>事假</td>
                        <td>自2017-08-09 9:00至 2017-08-10 18:00</td>
                        <td>待审批</td>
                        <td class="td-manage">
                            <a title="销假" onclick="x_admin_show('销假申请','Sick leave-销假弹窗.html',600,500)" href="javascript:;">
                                <img src="images/stop.png" alt="" class="recoverimg">
                            </a>
                            <a title="重新发起">
                                <img src="images/again.png" alt="" class="recoverimg">
                            </a>
                            <a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">
                                <i class="layui-icon">&#xe640;</i>
                            </a>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div class="page">
                    <div id="test1"></div>
                </div>
            </div>
            <div class="layui-tab-item ">
                <div class="layui-row">
                    <form class="layui-form layui-col-md12 x-so">
                        <div class="layui-input-inline">
                            <select name="contrller">
                                <option value=""></option>
                                <option value="0">按申请时间查询</option>
                                <option value="1">按请假/调休时间查询</option>

                            </select>
                        </div>
                        <!--<input class="layui-input" placeholder="开始日" name="start" id="start">-->
                        <input class="layui-input" placeholder="开始 到 结束" name="end" id="fw2">
                        <button class="layui-btn" lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
                    </form>
                </div>
                <div class="layui-form">
                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th>申请人</th>
                            <th>申请类型</th>
                            <th>请假/调休时间</th>
                            <th>申请时间</th>
                            <th>状态</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>张三</td>
                            <td>事假</td>
                            <td>自2017-09-8 9:30至2017-09-09 9:30</td>
                            <td>2017-09-20 20:00</td>
                            <td>待审批</td>
                            <td class="td-manage zhaopin">
                                <a title="审批" onclick="x_admin_show('加班申请','b12加班申请弹窗.html',700,400)"
                                   href="javascript:;">
                                    <img src="images/write.png" alt="">
                                </a>
                            </td>
                        </tr>
                        <tr>
                            <td>张三</td>
                            <td>事假</td>
                            <td>自2017-09-8 9:30至2017-09-09 9:30</td>
                            <td>2017-09-20 20:00</td>
                            <td>已审批</td>
                            <td class="td-manage zhaopin">
                                <a title="查看" onclick="x_admin_show('面试评价','b09 -请假审批.html',800,400)"
                                   href="javascript:;">
                                    <img src="images/chakan.png" alt="">
                                </a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <!--分页-->
                    <div class="layui-row">
                        <div class="layui-col-md7 layui-col-md-offset4">
                            <div id="demo5"></div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
<script src="./lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/xadmin.js"></script>
<script>
    layui.use(['laypage', 'layer'], function () {//分页渲染
        var laypage = layui.laypage
            , layer = layui.layer;
//        市场部分页
        laypage.render({
            elem: 'demo5'
            , count: 500
            , groups: 5
            , curr: location.hash.replace('#!fenye=', '') //获取hash值为fenye的当前页
            , hash: '' //自定义hash值
        });
//        技术部分页
        laypage.render({
            elem: 'test1'
            , count: 500
            , groups: 5
            , curr: location.hash.replace('#!fenye=', '') //获取hash值为fenye的当前页
            , hash: '' //自定义hash值
        });
    });
    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#fw1'
            ,type: 'datetime'
            ,range: '到'
            ,format: 'yyyy年M月d日H时m分s秒'
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#fw2'
            ,type: 'datetime'
            ,range: '到'
            ,format: 'yyyy年M月d日H时m分s秒'
        });
    });
</script>
</body>

</html>